﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Complex Layout - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../css/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../css/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../css/demo.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            debugger;
            var name = getUrlPage("company");
            var divLiData = $("#companyTree").find('>li');
            for (var i = 0; i < divLiData.length; i++)
            {
                var self = $(divLiData[i]).find('>div').find('.tree-title').text().trim();
                if (self != name)
                {
                    $(divLiData[i]).remove()
                }
            }                
        });
        function addTab(title, url){
            if ($('#tt').tabs('exists', title)){
                $('#tt').tabs('select', title);
            } else {
                var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:99%;overflow:hidden"></iframe>';
                $('#tt').tabs('add',{
                    title:title,
                    content:content,
                    closable:true
                });
            }
        }
     function getUrlPage(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return decodeURI(r[2]);
            return null;
        };
    </script>
    <style type="text/css">
        body {
            padding: 0;
            margin: 0;
        }

    </style>
</head>
<body>
<div class="easyui-layout" style="width:1366px;height:650px;">
    <div data-options="region:'west',split:true"  style="width:200px;">
        <ul class="easyui-tree" id="companyTree">
            <li class="company_TreeLi" title="商储公司">
                <span>商储公司</span>
                <ul id="leftnavList_113">
                    <li>
                        <span>采购销售业务</span>
                        <ul id="leftnavList_1">

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('采购信息管理', '../html/pages/采购信息管理/采购信息管理.html')">
                                    <i style='margin-right: 5px;'></i>采购信息管理
                                </a>
                            </li>

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('采购入库业务', '../html/pages/采购入库业务/采购入库业务.html')">
                                    <i style='margin-right: 5px;'></i>采购入库业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('销售业务', '../html/pages/商储公司销售业务/商储公司销售业务.html')">
                                    <i style='margin-right: 5px;'></i>销售业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('销售业务单证', '../html/pages/销售业务单证/销售业务单证.html')">
                                    <i style='margin-right: 5px;'></i>销售业务单证
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span>借还油业务</span>
                        <ul id="leftnavList_2">

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('借油业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>借油业务
                                </a>
                            </li>

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('还油业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>还油业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('资源保障费结算', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>资源保障费结算
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('借油业务单证', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>借油业务单证
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span>借还罐业务</span>
                        <ul id="leftnavList_3">

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('短期借罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>短期借罐业务
                                </a>
                            </li>

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('短期还罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>短期还罐业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('长期借罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>长期借罐业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('长期还罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>长期还罐业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('其他借罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>其他借罐业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('其他还罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>其他还罐业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('租罐费用结算', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>租罐费用结算
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('借罐业务单证', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>借罐业务单证
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li><span>倒罐业务</span></li>
                    <li><span>盘点业务</span></li>
                    <li><span>尾量业务</span></li>

                </ul>
            </li>
            <li class="company_TreeLi" title="托管企业">
                <span>托管企业</span>
                <ul id="leftnavList_4">

                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('入库业务', '../html/pages/托管企业出库业务/托管企业出库业务.html')">
                            <i style='margin-right: 5px;'></i>入库业务
                        </a>
                    </li>

                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('出库业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>出库业务
                        </a>
                    </li>
                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('接港业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>接港业务
                        </a>
                    </li>
                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('长期借还罐业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>长期借还罐业务
                        </a>
                    </li>
                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('盘点业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>盘点业务
                        </a>
                    </li>
                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('尾量调整业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>尾量调整业务
                        </a>
                    </li>
                </ul>
            </li>
            <li class="company_TreeLi" title="储备库" style="display:none;">
                <span>储备库</span>
                <ul id="leftnavList_4">

                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('入库业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>入库业务
                        </a>
                    </li>

                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('出库业务', '../html/pages/储备库出库业务/储备库出库业务.html')">
                            <i style='margin-right: 5px;'></i>出库业务
                        </a>
                    </li>
                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('接港业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>接港业务
                        </a>
                    </li>
                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('长期借还罐业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>长期借还罐业务
                        </a>
                    </li>
                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('盘点业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>盘点业务
                        </a>
                    </li>
                    <li style='list-style-type:none'>
                        <a class='li_0' style='margin-right: 5px;' href="#"
                           onclick="addTab('尾量调整业务', 'http://www.baidu.com')">
                            <i style='margin-right: 5px;'></i>尾量调整业务
                        </a>
                    </li>
                </ul>
            </li>
            <li class="company_TreeLi" title="生产企业" style="display:none;">
                <span>生产企业</span>
                <ul id="leftnavList_113">
                    <li>
                        <span>采购销售业务</span>
                        <ul id="leftnavList_1">
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('销售业务', '../html/pages/生产企业销售业务/生产企业销售业务.html')">
                                    <i style='margin-right: 5px;'></i>销售业务
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span>借还油业务</span>
                        <ul id="leftnavList_2">

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('借油业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>借油业务
                                </a>
                            </li>

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('还油业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>还油业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('资源保障费结算', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>资源保障费结算
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span>借还罐业务</span>
                        <ul id="leftnavList_3">

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('短期借罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>短期借罐业务
                                </a>
                            </li>

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('短期还罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>短期还罐业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('长期借罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>长期借罐业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('长期还罐业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>长期还罐业务
                                </a>
                            </li>
                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('租罐费用结算', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>租罐费用结算
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span>代存业务</span>
                        <ul id="leftnavList_3">

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('代存入库业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>代存入库业务
                                </a>
                            </li>

                            <li style='list-style-type:none'>
                                <a class='li_0' style='margin-right: 5px;' href="#"
                                   onclick="addTab('代存出库业务', 'http://www.baidu.com')">
                                    <i style='margin-right: 5px;'></i>代存出库业务
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div data-options="region:'center'">
        <div class="easyui-tabs" style="width:100%;height:648px;" id="tt" >
        </div>
    </div>
</div>
</body>
</html>